﻿@{
 
    Layout = "../../Shared/_spList.cshtml";
   
}

<div class="row-fluid">

    <div class="span12">

        <!-- BEGIN EXAMPLE TABLE PORTLET-->

        <div class="portlet box light-grey">

            <div class="portlet-title">

                <div class="caption"><i class="icon-globe"></i>新闻列表</div>

                <div class="tools">

                    <a href="javascript:;" class="collapse"></a>

                    <a href="#portlet-config" data-toggle="modal" class="config"></a>

                    <a href="javascript:;" class="reload"></a>

                    <a href="javascript:;" class="remove"></a>

                </div>

            </div>

            <div class="portlet-body">

                <div class="clearfix">

                    <div class="btn-group">

                        <button id="sample_editable_1_new" class="btn green">
                            新增 <i class="icon-plus"></i>

                        </button>

                    </div>

                  

                </div>

                <div id="sample_1_wrapper" class="dataTables_wrapper form-inline" role="grid">
              
                    <table class="table table-striped table-bordered table-hover dataTable" id="sample_1" aria-describedby="sample_1_info">

                        <thead>

                            <tr role="row">
                                <th style="width: 24px;" class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" aria-label="">
                                    <div class="checker"><span>
                                        <input type="checkbox" class="group-checkable" data-set="#sample_1 .checkboxes" style=""></span></div>
                                </th>
                                <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample_1" rowspan="1" colspan="1" style="width: 195px;" aria-label="Username: activate to sort column ascending">Username</th>
                                <th class="hidden-480 sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 358px;" aria-label="Email">Email</th>
                                <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="sample_1" rowspan="1" colspan="1" style="width: 153px;" aria-label="Points: activate to sort column ascending">Points</th>
                                <th class="hidden-480 sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 230px;" aria-label="Joined">Joined</th>
                                <th class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 192px;" aria-label=""></th>
                            </tr>

                        </thead>



                        <tbody role="alert" aria-live="polite" aria-relevant="all">
                            <tr class="gradeX odd">

                                <td class="  sorting_1">
                                    <div class="checker"><span>
                                        <input type="checkbox" class="checkboxes" value="1" style=""></span></div>
                                </td>

                                <td class=" ">shuxer</td>

                                <td class="hidden-480 "><a href="mailto:shuxer@gmail.com">shuxer@gmail.com</a></td>

                                <td class="hidden-480 ">120</td>

                                <td class="center hidden-480 ">12 Jan 2012</td>

                                <td class=" "><span class="label label-success">Approved</span></td>

                            </tr>
                            <tr class="gradeX even">

                                <td class="  sorting_1">
                                    <div class="checker"><span>
                                        <input type="checkbox" class="checkboxes" value="1" style=""></span></div>
                                </td>

                                <td class=" ">looper</td>

                                <td class="hidden-480 "><a href="mailto:looper90@gmail.com">looper90@gmail.com</a></td>

                                <td class="hidden-480 ">120</td>

                                <td class="center hidden-480 ">12.12.2011</td>

                                <td class=" "><span class="label label-warning">Suspended</span></td>

                            </tr>
                            <tr class="odd gradeX">

                                <td class="  sorting_1">
                                    <div class="checker"><span>
                                        <input type="checkbox" class="checkboxes" value="1" style=""></span></div>
                                </td>

                                <td class=" ">userwow</td>

                                <td class="hidden-480 "><a href="mailto:userwow@yahoo.com">userwow@yahoo.com</a></td>

                                <td class="hidden-480 ">20</td>

                                <td class="center hidden-480 ">12.12.2012</td>

                                <td class=" "><span class="label label-success">Approved</span></td>

                            </tr>
                            <tr class="odd gradeX even">

                                <td class="  sorting_1">
                                    <div class="checker"><span>
                                        <input type="checkbox" class="checkboxes" value="1" style=""></span></div>
                                </td>

                                <td class=" ">user1wow</td>

                                <td class="hidden-480 "><a href="mailto:userwow@gmail.com">userwow@gmail.com</a></td>

                                <td class="hidden-480 ">20</td>

                                <td class="center hidden-480 ">12.12.2012</td>

                                <td class=" "><span class="label label-inverse">Blocked</span></td>

                            </tr>
                            <tr class="odd gradeX">

                                <td class="  sorting_1">
                                    <div class="checker"><span>
                                        <input type="checkbox" class="checkboxes" value="1" style=""></span></div>
                                </td>

                                <td class=" ">restest</td>

                                <td class="hidden-480 "><a href="mailto:userwow@gmail.com">test@gmail.com</a></td>

                                <td class="hidden-480 ">20</td>

                                <td class="center hidden-480 ">12.12.2012</td>

                                <td class=" "><span class="label label-success">Approved</span></td>

                            </tr>
                        </tbody>
                    </table>
                    <div class="row-fluid">
                        <div class="span6">
                            <div class="dataTables_info" id="sample_1_info">Showing 1 to 5 of 25 entries</div>
                        </div>
                        <div class="span6">
                            <div class="dataTables_paginate paging_bootstrap pagination">
                                <ul>
                                    <li class="prev disabled"><a href="#">← <span class="hidden-480">Prev</span></a></li>
                                    <li class="active"><a href="#">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li>
                                    <li class="next"><a href="#"><span class="hidden-480">Next</span> → </a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>

        <!-- END EXAMPLE TABLE PORTLET-->

    </div>

</div>
